@charset "utf-8";
/* CSS Document */

/* Global Layout */

html, body {height:100%}
body {
	/* background:url(../image/background.jpg) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
	background-color:#2D4A70;
}
.img-responsive {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-999; }

a:hover {text-decoration:none}
a:hover, button:hover {color:#ffffff !important}

#header {position:absolute; width:100%; z-index:999}
#header-bar {height:80px; background-color:#0562af}
#logo img {height:60px; margin:10px}
#header-right {color:#ffffff; font-weight:bold; font-size:0.9em; position:relative; right:10px; top:50px}
#flag {background:url(../image/en-flag.png) left center no-repeat; padding-left:40px}

#content {min-height:100%}
.left-content, .mid-content, .right-content {padding-top:80px}

#left-home {background:url(../image/background-left.png) repeat; min-height:100%; min-height:100vh}
#left-rekening {background:url(../image/background-left.png) repeat}
#login-form {
	margin-top: 18px; 
	background: url(../image/login-background.png) 0 0 repeat; 
	border: 3px solid transparent; 
	border-image: url(../image/border-image.png) 4 4 round; 
	-moz-border-image: url(../image/border-image.png) 4 4 round; 
	-webkit-border-image: url(../image/border-image.png) 4 4 round; 
	-ms-border-image: url(../image/border-image.png) 4 4 round; 
	-o-border-image: url(../image/border-image.png) 4 4 round;
}
#login-form h3, #find-us h3 {color:#ffffff}
#find-us {width:80%; margin:0 auto}
#btn-branches {width:100%}
#halo-bca {position:relative; width:100%; margin-top:20px}
#absolute {position:absolute; top:40px}
#halo-bca strong {color:#000d18; font-size:1.2em; font-weight:bold}

#mid-home {color:#ffffff}
#main-content {background-color:transparent}
#main-content h1 {margin-top:-15px}
#main-content h3 {margin-top:20px}

#right-home {color:#ffffff}
#kurs-rate {margin-top:18px; margin-bottom:50px; background:url(../image/kurs-background.png) repeat; font-size:0.8em; border:3px solid transparent; border-image:url(../image/border-image.png) 4 4 round; -moz-border-image:url(../image/border-image.png) 4 4 round; -webkit-border-image:url(../image/border-image.png) 4 4 round; -ms-border-image:url(../image/border-image.png) 4 4 round; -o-border-image:url(../image/border-image.png) 4 4 round}
#kurs-rate table {margin-top:-15px}
#kurs-rate table th {text-align:center; font-size:1.2em}


#footer {position:fixed; bottom:0; width:100%}
#footer p img {margin-bottom:5px}


.btn-grey {width:100%; background-color:#ffffff; color:#333333; text-align:left; margin-top:20px}
.btn-blue {width:100%; background-color:#0562af; color:#ffffff; text-align:left; margin-top:20px}
.btn-black-sm {width:100%; background-color:#333333; color:#ffffff; text-align:left; margin-top:5px}
.btn-blue-sm {width:100%; background-color:#0562af; color:#ffffff; text-align:left; margin-top:5px}

#logout {position:absolute; top:90px; right:10px; z-index:9999}
#logout a {color:#ffffff; font-size:1.2em}
/* End Global Layout */

/* login.html */
#login-individu {margin:60px auto 0px; background:url(../image/kurs-background.png) repeat; font-size:0.8em; border:3px solid transparent; border-image:url(../image/border-image.png) 4 4 round; -moz-border-image:url(../image/border-image.png) 4 4 round; -webkit-border-image:url(../image/border-image.png) 4 4 round; -ms-border-image:url(../image/border-image.png) 4 4 round; -o-border-image:url(../image/border-image.png) 4 4 round; color:#ffffff; width:86%; min-height:400px}
#lindungi {margin-top:100px}
#banner1 {margin:60px auto 0px; width:86%; min-height:400px; background-color:#c3c3c3; color:#0562af}
#banner2 {margin:60px auto 0px; width:86%; min-height:400px; background-color:#0562af; color:#ffffff}
#banner1 h3, #banner2 h3 {margin-top:140px}
/* End login.html */

/* individu.html */
#mid-individu {margin-top:120px}
.menu-block-group {max-width:1000px}
#account {color: #ffffff; font-size:1.4em}
.menu-block {height:200px; width:200px; background-color:#0562af; color:#ffffff; margin:20px}
.outline-inward:before {border:4px solid #0562AF !important}
/* End individu.html */

/* rekening.html */
#side-nav {margin-top:40px}
#tgl-rekening p {line-height:36px; color:#ffffff}
#saldo {margin-top:-14px}
#info-rekening {margin-bottom:60px; border:none}
#info-rekening .panel-body a {margin-right:20px; line-height:30px}
#mid-rekening {margin-top:40px}
/* End rekening.html */

@media (min-width: 768px) and (max-width: 979px) {
	
}

@media (min-width: 768px) {
	#left-rekening {min-height:100%; min-height:100vh}
}

@media (max-width: 767px) { 
	#main-content {display:none}
	#right-home {margin-top:-140px}
	#left-rekening {height:auto !important; min-height:auto !important}
	#back-main-menu {margin-bottom:40px}
	#mid-individu {margin-top:140px}
	#mid-rekening {margin-top:-70px}
	#mid-login {margin-top:-80px}
	#right-login {margin-top:-80px; margin-bottom:20px}
	#footer {position:static}
}

#header-right {display:none}




